@charset "utf-8";
/* Style Reset */
*{ margin:0; padding:0}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
img{ border:0;max-width: 100%;}
.ccsl{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.clear {clear:both;}
body{ width:100%;max-width:512px; margin:0 auto; background:#333; font-size:12px; line-height:24px; color:#333}
.mainWarp{width:100%;max-width:512px; margin:0 auto; background:#fff;}

.header{width:100%; max-width:512px; margin:0 auto;}
.header .headerbox{position:fixed;width:100%;max-width:512px;top:0;height:54px;z-index:99;background-image: url(../images/topbg.png);
    background-color: #f23030;
    background-size: cover;}
.hicon{ position:absolute; top:7px; left:5px; height:40px;cursor:pointer}
.hicon img{ height:40px}
.hlogo{width:80%; margin:0 auto}
.hlogo p{ text-align:center;color:#fff; height:54px; line-height:54px; font-size:24px}
.black-fixed{position:absolute; top:0; left:5px; height:54px; line-height:50px; font-size:46px; color:#fff; display:none; cursor:pointer}

.menu{width:100%; max-width:512px; margin:0 auto;}
.menu .menubox{position:fixed;width:100%;max-width:512px;top:54px;height:0;z-index:999;}
.menu .menubox ul{ overflow:hidden; width:0;background:#2B2B2B;transition: all 0.5s;}
.menu .menubox ul li{padding:0 10px;background:url(../images/jt.png) right 10px center no-repeat; border-bottom:1px solid #343434; height:60px; line-height:60px; margin:3px}
.menu .menubox ul li a{ color:#fff; display:block; font-size:18px; padding-left:5px}
.menu .menubox ul li:hover{ background:#fff url(../images/jt2.png) right 10px center no-repeat;}
.menu .menubox ul li:hover a{ color:#2b2b2b;}



.h5nav{width:100%; max-width:512px; margin:0 auto;}
.h5navBox{padding-top:2px;padding-bottom:4px;position:fixed;width:100%;max-width:512px;bottom:0;height:54px;z-index:999;background:#f23030}
.h5navBox .h5navitem{ width:25%; height:54px; float:left; overflow:hidden}
.h5navBox .h5navitem a{ display:block}
.h5navBox .h5navitem img{ margin:3px auto; height:30px;display:block}
.h5navBox .h5navitem p{ text-align:center; height:18px; line-height:18px; color:#fff}



.part4{ width:100%; height:40px; background:#f23030;color:#fff; margin-top:10px}
.part4 .tit{ float:right; padding-right:5px; font-size:14px; height:40px; line-height:40px; color:#fff}
.part4 .img{ float:right; padding-right:10px;width:10px; height:32px; }
.part4 .img img{width:10px; height:10px; margin-top:18px}


.footer{ padding:20px;}
.footer .con{ text-align:center;color: rgb(153, 153, 153); font-size:16px;}


.zhezhaobox ul{ overflow:hidden; padding:0 20px}
.zhezhaobox ul li{ }
.zhezhaobox ul li .typeboxOne{width:100%; background:#f9fafbe3; height:30px; line-height:30px;margin-bottom: 10px;}
.zhezhaobox ul li .typeboxOne a{ color:#333; font-size:14px; padding-left:30px; background:url(../images/type3.png) center left 10px no-repeat}
.zhezhaobox ul li .typeboxTwo{}
.zhezhaobox ul li .typeboxTwo a{ color:#666; font-size:14px; line-height:30px; border-bottom:1px dashed #eee; display:block; padding-left:50px; padding-top:5px;background:url(../images/type2.png) center left 35px no-repeat}
.zhezhaobox ul li .typeboxTwo a:last-child{ border-bottom:0}




.contitbox{ padding-top:25px}
.contitbox p{ text-align:center;color: #2b2b2b; font-size:18px; font-weight:bold}
.contitbox span{ text-align:center; color:#999; font-size:14px; text-transform:uppercase}

.part1{ width:100%; padding-top:25px; overflow:hidden}
.part1 .marqueeleft{width:1160px;overflow:hidden;}
.part1 .marqueeleft ul{float:left;}
.part1 .marqueeleft li{float:left;display:inline;height:130px;overflow:hidden; padding-right:15px}
.part1 .marqueeleft li img{ border-radius:4px}


.part2{ width:100%; padding-top:25px;}
.part2 img{ display:block; width:100%}
.part2 .con{ padding:15px;font-size: 14px; color:#666; line-height:24px}


.part3{ width:100%; padding-top:25px;overflow:hidden}
.part3 .marqueeleft{width:1160px;overflow:hidden;}
.part3 .marqueeleft ul{float:left;}
.part3 .marqueeleft li{float:left;display:inline;height:200px;overflow:hidden; padding-right:15px}
.part3 .marqueeleft li img{ border-radius:4px}


.part5{ width:100%; padding-top:25px}
.part5 ul{ overflow:hidden; padding:0 15px}
.part5 ul li{}
.part5 ul li a{ display:block;height:35px; line-height:35px; background:url(../images/jt4.png) right center no-repeat; padding:5px 0}
.part5 ul li a p{font-size:16px; color:#666; background:url(../images/icond.png) left center no-repeat; padding-left:15px}
.part5 ul li span{ display:block; color:#ababab; font-size:14px; padding-left:17px}

.detailbox{ padding:20px; font-size:14px; line-height:30px;}
.detailbox .xq{}
.detailbox .xq h1{ color:#333; font-size:16px; line-height:30px; font-weight:normal}
.detailbox .xq .date{ font-size:12px; color:#999; line-height:30px}
.detailbox .xq .con{ color:#666}
.detailbox .xq .prroimg{ display:block; margin:0 auto; padding:10px 0}
.aboutbox{font-size:14px; line-height:30px; padding-bottom:20px}
.aboutbox img{ display:block; width:100%}
.aboutbox .con{color:#666; padding:10px 20px}

ul.piclsitul{ padding-bottom:30px;}
ul.piclsitul li{float:left; width:48%; margin:1%;}
ul.piclsitul li img{ display:block; width:100%}
ul.piclsitul li p{ text-align:center; padding:0 10px; height:30px; line-height:30px; color:#676767; font-size:16px}

ul.listul{ padding:0 15px; padding-bottom:20px;overflow:hidden}
ul.listul li{display:block;height:35px; line-height:35px; background:url(../images/jt4.png) right center no-repeat; padding:5px 0}
ul.listul li a{font-size:16px; color:#666; background:url(../images/icond.png) left center no-repeat; padding-left:15px}



.part7{ padding:10px; padding-top:0}
.part7 .part7box{ position:relative}
.part7 .part7box img{ display:block; width:100%}
.part7 .part7box .tit{ background:rgba(0,0,0,0.5); width:100%; position:absolute; bottom:0; height:35px; line-height:35px}
.part7 .part7box .tit p{ padding:0 15px; color:#fff; font-size:16px}



.btbox{ height:40px; line-height:40px; background:url(../images/titbg.jpg) left 5px center no-repeat; padding:5px 0}
.btbox p{ padding-left:25px; color:#2b2b2b; font-size:16px}

.pagebox{ text-align:center; padding-top:20px; padding-bottom:50px}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
.pagebox a:hover{ border:1px solid #f23030; color:#f23030}

